<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/view/templates/templateLayout.xhtml">
      
      <ui:define name="conteudo">    
      <link rel="stylesheet" type="text/css" href="./estilos.css"/>   	
  	
<h:form id="formEditarFuncionario" prependId="false">  
	<p:panel id="panelEditarFuncionario" style="margin-bottom:20px; ">  
		<f:facet name="header">
		<h:outputText value="Editar Funcionario" styleClass="outputTextTitulo"/>
	</f:facet>
 	<p:messages id="messagesEditarFuncionario" autoUpdate="true" closable="true" /> 
    	<h:panelGrid  columns="2" style="margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Nome*" styleClass="outputLabel"/>             
            <p:inputText value="#{funcionarioBean.funcionario.idFuncionario}" styleClass="inputId" disabled="true"/>  
  			<p:inputText value="#{funcionarioBean.funcionario.nome}" maxlength="40" styleClass="inputDescricao" required="true" requiredMessage="Informar o nome do Funcionario!"/>  
        </h:panelGrid>          
        <h:panelGrid  columns="2" style="margin-right:10%;">  
            <h:outputLabel value="Logradouro*" styleClass="outputLabel"/>  
            <h:outputLabel value="Número" styleClass="outputLabel"/>             
            <p:inputText value="#{funcionarioBean.funcionario.logradouro}" maxlength="40" styleClass="inputDescricao" required="true" requiredMessage="Informar o logradouro!"/>  
  			<p:inputText value="#{funcionarioBean.funcionario.numero}" maxlength="10" styleClass="inputId" required="true" requiredMessage="Informar o número do logradouro!"/>  
        </h:panelGrid>  
        <h:panelGrid  columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Complemento" styleClass="outputLabel"/>  
            <h:outputLabel value="Bairro*" styleClass="outputLabel"/>             
            <h:outputLabel value="CEP" styleClass="outputLabel"/>  
            <p:inputText value="#{funcionarioBean.funcionario.complemento}" styleClass="inputDescricao" maxlength="40" />  
  			<p:inputText value="#{funcionarioBean.funcionario.bairro}" styleClass="inputDescricao" maxlength="40" />  
  			<p:inputMask value="#{funcionarioBean.funcionario.cep}" mask="99.999-999" styleClass="inputId"/>  
        </h:panelGrid> 
        <h:panelGroup>
         <h:panelGrid id="pgCidadeFuncionario" columns="5" style="margin-right:10%;">  
            <h:outputLabel value="Código*" styleClass="outputLabel"/>  
            <h:outputLabel value="Cidade*" styleClass="outputLabel"/>             
            <h:outputLabel /> 
            <h:outputLabel value="Estado" styleClass="outputLabel"/>             
            <h:outputLabel value="País" styleClass="outputLabel"/>             
            <p:inputText value="#{funcionarioBean.funcionario.cidade.idCidade}" styleClass="inputId" maxlength="5">
            	<p:ajax  listener="#{funcionarioBean.onChange}" render="pgCidadeFuncionario" update="pgCidadeFuncionario"/>
            </p:inputText>  
  			<p:inputText id="idCidadeDescricao" value="#{funcionarioBean.funcionario.cidade.descricao}" maxlength="40" styleClass="inputDescricao" >
            	<p:ajax listener="#{funcionarioBean.onChangeCidadeNull}" update="pgCidadeFuncionario" />
			</p:inputText>  
  			<p:commandButton icon="ui-icon-search" actionListener="#{funcionarioBean.openDialogConsultarCidade}" styleClass="commandButton" immediate="true" /> 
  			<p:inputText value="#{funcionarioBean.funcionario.cidade.estado.sigla}" styleClass="inputId" disabled="true"/>
  			<p:inputText value="#{funcionarioBean.funcionario.cidade.estado.pais.descricao}" styleClass="inputDescricao" disabled="true"/>
        </h:panelGrid>  
        </h:panelGroup>
        <h:panelGrid  columns="5" style="margin-right:10%;">  
            <h:outputLabel value="Data de Nascimento*" styleClass="outputLabel"/>  
            <h:outputLabel value="Sexo" />  
            <h:outputLabel value="RG" styleClass="outputLabel"/>             
            <h:outputLabel value="UF" styleClass="outputLabel"/> 
            <h:outputLabel value="CPF" styleClass="outputLabel"/>              
            <p:inputMask id="inputDtNascimento" value="#{funcionarioBean.funcionario.dtNascimento}" mask="99/99/9999" styleClass="inputData" >
            	<f:convertDateTime dateStyle="medium"/>
            	<p:ajax listener="#{funcionarioBean.validaDtNascimento}" update="inputDtNascimento"/>
            </p:inputMask>  
            <p:selectOneMenu value="#{funcionarioBean.funcionario.sexo}">
            	<f:selectItems value="#{funcionarioBean.arraySexo}" />
            </p:selectOneMenu> 
  			<p:inputText value="#{funcionarioBean.funcionario.rg}" maxlength="15"  style="width:100px;" styleClass="inputDescricao"/> 
  			 <p:inputText value="#{funcionarioBean.funcionario.ufRg}" maxlength="2"  styleClass="inputId"/> 
  			<p:inputMask value="#{funcionarioBean.funcionario.cpf}" mask="999.999.999-99" styleClass="inputTelefone" >
  				<p:ajax listener="#{funcionarioBean.validaCpf}"/>
  			</p:inputMask>	
        </h:panelGrid> 

        <h:panelGrid columns="3" style="margin-right:10%;">             
            <h:outputLabel value="Telefone" styleClass="outputLabel"/>      
            <h:outputLabel value="Celular 1" styleClass="outputLabel"/>  
            <h:outputLabel value="E-mail" styleClass="outputLabel"/>  
  			<p:inputMask value="#{funcionarioBean.funcionario.residencial}" mask="(99) 9999-9999" styleClass="inputTelefone"/>  
  			<p:inputMask value="#{funcionarioBean.funcionario.celular}" mask="(99) 9999-9999" styleClass="inputTelefone"/> 
  			<p:inputText value="#{funcionarioBean.funcionario.email}" styleClass="inputDescricao" maxlength="60"/> 
        </h:panelGrid> 
        
        <h:panelGrid  columns="2" style="margin-right:10%;">  
            <h:outputLabel value="Carteira de Trabalho*" styleClass="outputLabel"/>  
            <h:outputLabel value="CREF" styleClass="outputLabel"/>             
            <p:inputMask mask="999.99999.99-9" value="#{funcionarioBean.funcionario.ctps}" styleClass="inputDescricao" /> 
  			<p:inputText value="#{funcionarioBean.funcionario.cref}" styleClass="inputDescricao" maxlength="40"/>  
        </h:panelGrid> 
	
		<h:panelGroup id="panelGroupCargo">
       <h:panelGrid id="pgCargo" columns="5" style="margin-right:10%;">  
            <h:outputLabel value="Código*" styleClass="outputLabel"/>  
            <h:outputLabel value="Cargo*" styleClass="outputLabel"/>             
            <h:outputLabel />             
            <h:outputLabel value="Salário*" styleClass="outputLabel"/> 
            <h:outputLabel value="" /> 
            <p:inputText value="#{funcionarioBean.funcionario.cargo.idCargo}" styleClass="inputId">
            	<p:ajax listener="#{funcionarioBean.onChangeCargo}" update="panelGroupCargo"/>
            </p:inputText>  
  			<p:inputText id="idCargoDescricao" value="#{funcionarioBean.funcionario.cargo.cargo}" maxlength="40" styleClass="inputDescricao" >
            	<p:ajax listener="#{funcionarioBean.onChangeCargoNull}" update="panelGroupCargo"/>
			</p:inputText>  
  			<p:commandButton icon="ui-icon-search" actionListener="#{funcionarioBean.openDialogConsultarCargo}" immediate="true"  style="margin-left:0px;" />  			
  			<p:inputText value="#{funcionarioBean.funcionario.salario}" styleClass="inputData" >
  				<f:convertNumber type="number"/>
  			</p:inputText> 
  			<p:commandButton id="btAddAula" value="Adicionar Aulas" actionListener="#{funcionarioBean.openDialogAddAulas}" immediate="true" rendered="#{funcionarioBean.renderedAddAula()}"  />
        </h:panelGrid> 
                
        <p:dataTable  id="tableAulas" value="#{funcionarioBean.dmProfessorAula}" var="aula" rendered="#{funcionarioBean.renderedAddAula()}" style="margin-top:40px; width:50%"  >
			<p:column >
				<f:facet name="header">
					<h:outputText value="Modalidade" />
				</f:facet>
				<h:outputText value="#{aula.modalidade.descricao}" />
			</p:column>
			<p:column style="width:20%">
				<f:facet name="header">
					<h:outputText value="Horas Semanais" />
				</f:facet>
				<h:outputText value="#{aula.qtdHoras}" />
			</p:column>
			<p:column style="width:20%">
				<f:facet name="header">
					<h:outputText value="Salário" />
				</f:facet>
				<h:outputText value="#{aula.salario}" />
			</p:column>

			<p:column style="width:4%">  
        		<f:facet name="header">
        	 		<h:outputText value="Remover" />
        		</f:facet>
         		<p:commandButton id="selectButtonEditar" actionListener="#{funcionarioBean.removeAula}" update="tableAulas" process="@this" icon="ui-icon-circle-minus" title="Remove" />
       	 	</p:column> 	
        
        </p:dataTable>
        
        <h:panelGrid  columns="2" style="margin-right:10%;">  
            <h:outputLabel value="Data de Admissão*" styleClass="outputLabel"/>  
            <h:outputLabel value="Data de Demissão" styleClass="outputLabel"/>             
            <p:inputMask id="inputDtAdmissao" value="#{funcionarioBean.funcionario.dtAdmissao}" mask="99/99/9999" styleClass="inputData" >
            	<f:convertDateTime dateStyle="medium"/>
            	<p:ajax listener="#{funcionarioBean.validaDtAdmissao}" update="inputDtAdmissao"/>
            </p:inputMask>  
  			<p:inputMask id="inputDtDemissao" value="#{funcionarioBean.funcionario.dtDemissao}" mask="99/99/9999" styleClass="inputData" >
  				<f:convertDateTime dateStyle="medium"/>
            	<p:ajax listener="#{funcionarioBean.validaDtDemissao}" update="inputDtDemissao"/>
            </p:inputMask>  
        </h:panelGrid>  
	</h:panelGroup>
    </p:panel>  
    <p:commandButton id="btSaveFunc" value="Salvar" action="#{funcionarioBean.saveFuncionario}" update="panelEditarFuncionario" style="margin-right:20px; margin-left:10px;" /> 
	<p:commandButton value="Voltar" action="#{funcionarioBean.consultarFuncionario}" immediate="true"  style="margin-right:20px;" /> 
</h:form>  	
<ui:include src="/view/funcionario/dialogConsultarCidade.xhtml"></ui:include>
<ui:include src="/view/funcionario/dialogAddAulas.xhtml"></ui:include>
<ui:include src="/view/funcionario/dialogConsultarCargo.xhtml"></ui:include>
</ui:define>
</ui:composition>
